<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/1.css">
    <style></style>
</head>

<body>
    <div class="body">
        <div class="header">
            <div class="headerContainer">
                <div class="headbtn">请先登录</div>
                <div class="headbtn">免费注册</div>
                <div class="headbtn">我的订单</div>
                <div class="headbtn">会员中心</div>
                <div class="headbtn">帮助中心</div>
                <div class="headbtn">在线客服</div>
                <div style="margin-left: 1vw; display: flex;">
                    <img style="width: 20px;height: 20px;" src="./uploads/手机.png" alt="">
                    <div>黎俊艺252169503269</div>
                </div>
            </div>

            <div class="secondHeader">
                <img src="./images/logo.png" alt="" style="width: 200px;height: 10vh;background-size: 100%;">
                <div class="secondHeaderContainer">
                    <div>首页</div>
                    <div>生鲜</div>
                    <div>美食</div>
                    <div>餐厨</div>
                    <div>电器</div>
                    <div>居家</div>
                    <div>洗护</div>
                    <div>孕婴</div>
                    <div>服装</div>
                </div>
                <input type="text" placeholder="搜一搜">
                <img src="./uploads/购物 车1.png" alt=""
                    style="width: 25px;height: 25px;margin-top: 35px;margin-left:2vw;">
            </div>

            <div class="thirdContainer">
                <img src="./uploads/首页-自然造物 Made in Nature-淘宝网.png" alt="">
                <div class="nav">
                    <div class="navitem">
                        <div style="flex: 2;text-align: center;font-size: 20px;">生鲜果蔬</div>
                        <div style="flex: 2;">水果 蔬菜</div>
                        <div style="flex: 1;text-align: end;">
                            <img src="./uploads/youjiantou.png" alt="" style="width: 20px;height: 20px;">
                        </div>
                    </div>
                    <div class="navitem">
                        <div style="flex: 2;text-align: center;font-size: 20px;">美食推荐</div>
                        <div style="flex: 2;">水果 蔬菜</div>
                        <div style="flex: 1;text-align: end;">
                            <img src="./uploads/youjiantou.png" alt="" style="width: 20px;height: 20px;">
                        </div>
                    </div>
                    <div class="navitem">
                        <div style="flex: 2;text-align: center;font-size: 20px;">数码电子</div>
                        <div style="flex: 2;">面包 干果</div>
                        <div style="flex: 1;text-align: end;">
                            <img src="./uploads/youjiantou.png" alt="" style="width: 20px;height: 20px;">
                        </div>
                    </div>
                    <div class="navitem">
                        <div style="flex: 2;text-align: center;font-size: 20px;">家庭电器</div>
                        <div style="flex: 2;">手机电脑</div>
                        <div style="flex: 1;text-align: end;">
                            <img src="./uploads/youjiantou.png" alt="" style="width: 20px;height: 20px;">
                        </div>
                    </div>
                    <div class="navitem">
                        <div style="flex: 2;text-align: center;font-size: 20px;">厨房用品</div>
                        <div style="flex: 2;">厨房 电器 餐具</div>
                        <div style="flex: 1;text-align: end;">
                            <img src="./uploads/youjiantou.png" alt="" style="width: 20px;height: 20px;">
                        </div>
                    </div>
                    <div class="navitem">
                        <div style="flex: 2;text-align: center;font-size: 20px;">居家生活</div>
                        <div style="flex: 2;">床品 四件套</div>
                        <div style="flex: 1;text-align: end;">
                            <img src="./uploads/youjiantou.png" alt="" style="width: 20px;height: 20px;">
                        </div>
                    </div>
                    <div class="navitem">
                        <div style="flex: 2;text-align: center;font-size: 20px;">洗护美妆</div>
                        <div style="flex: 2;">洗发 洁面 美妆</div>
                        <div style="flex: 1;text-align: end;">
                            <img src="./uploads/youjiantou.png" alt="" style="width: 20px;height: 20px;">
                        </div>
                    </div>
                    <div class="navitem">
                        <div style="flex: 2;text-align: center;font-size: 20px;">孕婴用品</div>
                        <div style="flex: 2;">奶粉 玩具 服装</div>
                        <div style="flex: 1;text-align: end;">
                            <img src="./uploads/youjiantou.png" alt="" style="width: 20px;height: 20px;">
                        </div>
                    </div>
                    <div class="navitem">
                        <div style="flex: 2;text-align: center;font-size: 20px;">服饰穿搭</div>
                        <div style="flex: 2;">女装 男装</div>
                        <div style="flex: 1;text-align: end;">
                            <img src="./uploads/youjiantou.png" alt="" style="width: 20px;height: 20px;">
                        </div>
                    </div>
                    <div class="navitem">
                        <div style="flex: 2;text-align: center;font-size: 20px;">日用杂货</div>
                        <div style="flex: 2;">户外 图书
                        </div>
                        <div style="flex: 1;text-align: end;">
                            <img src="./uploads/youjiantou.png" alt="" style="width: 20px;height: 20px;">
                        </div>
                    </div>
                </div>
            </div>

            <div class="fourthContainer">
                <div class="headNav">
                    <span style="font-size: 40px;">新鲜好物</span>
                    <span style="margin-left: 2vw;font-size: 20px;color: #A1A1A1;">新鲜出炉 品质靠谱</span>
                    <span style="position: absolute;right: 0;font-size: 20px;color: #A1A1A1;">查看全部 ></span>
                </div>
                <div class="contentContainer">
                    <div style="background-color: #EEF9F4;">
                        <img src="./uploads/新鲜好物1.png" alt="">
                        <span style="display:block; font-size:20px;text-align: center;">KN95级莫兰迪色防护口罩</span>
                        <span style="display:block;font-size:20px;text-align: center;color: #AA2113;">￥79</span>
                    </div>
                    <div style="background-color: #EEF9F4;">
                        <img src="./uploads/新鲜好物2.png" alt="">
                        <span style="display:block; font-size:20px;text-align: center;">紫檀外独板三层普洱茶盒</span>
                        <span style="display:block;font-size:20px;text-align: center;color: #AA2113;">￥566</span>
                    </div>
                    <div style="background-color: #EEF9F4;">
                        <img src="./uploads/新鲜好物3.png" alt="">
                        <span style="display:block; font-size:20px;text-align: center;">法拉蒙高颜值记事本可定制</span>
                        <span style="display:block;font-size:20px;text-align: center;color: #AA2113;">￥58</span>
                    </div>
                    <div style="background-color: #EEF9F4;">
                        <img src="./uploads/新鲜好物4.png" alt="">
                        <span style="display:block; font-size:20px;text-align: center;">科技布布艺沙发</span>
                        <span style="display:block;font-size:20px;text-align: center;color: #AA2113;">￥3579</span>
                    </div>
                </div>
            </div>
            <div class="fourthContainer">
                <div class="headNav">
                    <span style="font-size: 40px;">人气推荐</span>
                    <span style="margin-left: 2vw;font-size: 20px;color: #A1A1A1;">人气爆款 不容错过</span>
                    <span style="position: absolute;right: 0;font-size: 20px;color: #A1A1A1;">查看全部 ></span>
                </div>
                <div class="contentContainer">
                    <div>
                        <img src="./uploads/人气推荐1.png" alt="">
                        <span style="display:block; font-size:20px;text-align: center;">特惠推荐</span>
                        <span
                            style="display:block;font-size:15px;text-align: center;margin-top: 0.5vh;color: #A1A1A1;">我猜得到
                            你的需要</span>
                    </div>
                    <div>
                        <img src="./uploads/人气推荐2.png" alt="">
                        <span style="display:block; font-size:20px;text-align: center;">紫檀外独板三层普洱茶盒</span>
                        <span
                            style="display:block;font-size:15px;text-align: center;margin-top: 0.5vh;color: #A1A1A1;">￥566</span>
                    </div>
                    <div>
                        <img src="./uploads/人气推荐3.png" alt="">
                        <span style="display:block; font-size:20px;text-align: center;">法拉蒙高颜值记事本可定制</span>
                        <span
                            style="display:block;font-size:15px;text-align: center;margin-top: 0.5vh;color: #A1A1A1;">￥58</span>
                    </div>
                    <div>
                        <img src="./uploads/人气推荐4.png" alt="">
                        <span style="display:block; font-size:20px;text-align: center;">科技布布艺沙发</span>
                        <span
                            style="display:block;font-size:15px;text-align: center;margin-top: 0.5vh;color: #A1A1A1;">￥3579</span>
                    </div>
                </div>
            </div>

            <div class="test" style="width: 100%;height: 50vh;background-color: #F1F1F1;">
                <div class="fifthContainer">
                    <div class="headNav">
                        <span style="font-size: 40px;">热门品牌</span>
                        <span style="margin-left: 2vw;font-size: 20px;color: #A1A1A1;">国际经典 品质认证</span>
                        <!-- <span
                            style="position: absolute;right: 2%;font-size: 20px;color: #A1A1A1;width: 20px;height: 20px;">
                            < </span>
                                <span style="position: absolute;right: 0;font-size: 20px;color: #A1A1A1;">></span> -->
                    </div>
                    <img src="./uploads/热门品牌1.png" alt="">
                    <img src="./uploads/热门品牌2.png" alt="">
                    <img src="./uploads/热门品牌3.png" alt="">
                    <img src="./uploads/热门品牌4.png" alt="">
                    <img src="./uploads/热门品牌5.png" alt="">
                </div>
            </div>
            <div class="sixthContainer">
                <div class="headNav">
                    <span style="font-size: 40px;">生鲜</span>
                    <div class="navcontainer">
                        <div>热门</div>
                        <div>蔬菜</div>
                        <div>肉禽蛋</div>
                        <div>水果</div>
                        <div>海鲜</div>
                        <div>饮料</div>
                        <div>零食</div>
                    </div>
                    <span style="position: absolute;right: 0;font-size: 20px;color: #A1A1A1;">查看全部 ></span>
                </div>
                <div class="content">
                    <div class="image">
                        <img src="./uploads/商品介绍卡片生鲜.png" alt="">
                    </div>
                    <div class="imageitem">
                        <div>
                            <img src="./uploads/手抓饼.png" alt="">
                            <span style=" width: 200px">
                                双味千层，手抓饼烤肉组合240g/袋 4片装
                            </span>
                            <span style=" width: 200px"> 加热即食</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥89.99</span>
                        </div>
                        <div>
                            <img src="./uploads/馒头.png" alt="">
                            <span style=" width: 200px">
                                云南甘蔗慢熬红糖馒头220g/袋 5个装
                            </span> 
                            <span style=" width: 200px"> 加热即食</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥89.99</span>
                        </div>
                        <div>
                            <img src="./uploads/小圆饼.png" alt="">
                            <span style=" width: 200px">
                                日式风味小圆饼
                                圆形【海盐味】
                            </span>
                            <span style=" width: 200px">糖果零食</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥9.99</span>
                        </div>

                        <div>
                            <img src="./uploads/面包.png" alt="">
                            <span style=" width: 200px">
                                全麦奶油浓香小面包
                                50g*12袋
                            </span>
                            <span style=" width: 200px">美味西点</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥69.00</span>
                        </div>
                        <div>
                            <img src="./uploads/大福.png" alt="">
                            <span style=" width: 200px">
                                秘制外皮五福摩提大福点心150g/盒
                            </span>
                            <span style=" width: 200px">美味西点</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥39.99</span>
                        </div>
                        <div>
                            <img src="./uploads/蜂蜜.png" alt="">
                            <span style=" width: 200px">
                                水果面膜韩国蜂蜜柚子茶560g/瓶
                            </span>
                            <span style=" width: 200px">冲调饮品</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥89.99</span>
                        </div>
                        <div>
                            <img src="./uploads/巧克力.png" alt="">
                            <span style=" width: 200px">
                                浓情比利时巧克力礼盒装205克/盒
                            </span>
                            <span style=" width: 200px">糖果零食</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥120.00</span>
                        </div>
                        <div>
                            <img src="./uploads/抹茶蛋糕.png" alt="">
                            <span style=" width: 200px">
                                抹茶奶油小蛋糕礼盒装220克/盒
                            </span>
                            <span style=" width: 200px">美味西点</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥60.00</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="sixthContainer">
                <div class="headNav">
                    <span style="font-size: 40px;">生鲜</span>
                    <div class="navcontainer">
                        <div>热门</div>
                        <div>女装</div>
                        <div>奢侈品</div>
                        <div>裤装</div>
                        <div>衬衫</div>
                        <div>T恤</div>
                        <div>内衣</div>
                    </div>
                    <span style="position: absolute;right: 0;font-size: 20px;color: #A1A1A1;">查看全部 ></span>
                </div>
                <div class="content">
                    <div class="image">
                        <img src="./uploads/商品介绍卡片-服饰.png" alt="">
                    </div>
                    <div class=" imageitem">
                        <div>
                            <img src="./uploads/鞋.png" alt="">
                            <span style=" width: 200px">
                                双味千层，手抓饼烤肉组合240g/袋 4片装
                            </span>
                            <span style=" width: 200px"> 加热即食</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥89.99</span>
                        </div>
                        <div>
                            <img src="./uploads/jessyline.png" alt="">
                            <span style=" width: 200px">
                                云南甘蔗慢熬红糖馒头220g/袋 5个装
                            </span>
                            <span style=" width: 200px"> 加热即食</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥89.99</span>
                        </div>
                        <div>
                            <img src="./uploads/打底衫.png" alt="">
                            <span style=" width: 200px">
                                日式风味小圆饼
                                圆形【海盐味】
                            </span>
                            <span style=" width: 200px">糖果零食</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥9.99</span>
                        </div>

                        <div>
                            <img src="./uploads/文艺袜子.png" alt="">
                            <span style=" width: 200px">
                                全麦奶油浓香小面包
                                50g*12袋
                            </span>
                            <span style=" width: 200px">美味西点</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥69.00</span>
                        </div>
                        <div>
                            <img src="./uploads/裙子.png" alt="">
                            <span style=" width: 200px">
                                秘制外皮五福摩提大福点心150g/盒
                            </span>
                            <span style=" width: 200px">美味西点</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥39.99</span>
                        </div>
                        <div>
                            <img src="./uploads/皮带.png" alt="">
                            <span style=" width: 200px">
                                水果面膜韩国蜂蜜柚子茶560g/瓶
                            </span>
                            <span style=" width: 200px">冲调饮品</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥89.99</span>
                        </div>
                        <div>
                            <img src="./uploads/帆布鞋.png" alt="">
                            <span style=" width: 200px">
                                浓情比利时巧克力礼盒装205克/盒
                            </span>
                            <span style=" width: 200px">糖果零食</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥120.00</span>
                        </div>
                        <div>
                            <img src="./uploads/裤子.png" alt="">
                            <span style=" width: 200px">
                                抹茶奶油小蛋糕礼盒装220克/盒
                            </span>
                            <span style=" width: 200px">美味西点</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥60.00</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="sixthContainer">
                <div class="headNav">
                    <span style="font-size: 40px;">餐厨</span>
                    <div class="navcontainer">
                        <div>热门</div>
                        <div>厨具</div>
                        <div>水具</div>
                        <div>灯具</div>
                        <div>五金</div>
                        <div>家装材料</div>
                        <div>居家毫无</div>
                    </div>
                    <span style="position: absolute;right: 0;font-size: 20px;color: #A1A1A1;">查看全部 ></span>
                </div>
                <div class="content">
                    <div class="image">
                        <img src="./uploads/商品介绍卡片-餐厨.png" alt="">
                    </div>
                    <div class="imageitem">
                        <div>
                            <img src="./uploads/茶具.png" alt="">
                            <span style=" width: 200px">
                                双味千层，手抓饼烤肉组合240g/袋 4片装
                            </span>
                            <span style=" width: 200px"> 加热即食</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥89.99</span>
                        </div>
                        <div>
                            <img src="./uploads/收纳盘.png" alt="">
                            <span style=" width: 200px">
                                云南甘蔗慢熬红糖馒头220g/袋 5个装
                            </span>
                            <span style=" width: 200px"> 加热即食</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥89.99</span>
                        </div>
                        <div>
                            <img src="./uploads/奶泡.png" alt="">
                            <span style=" width: 200px">
                                日式风味小圆饼
                                圆形【海盐味】
                            </span>
                            <span style=" width: 200px">糖果零食</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥9.99</span>
                        </div>

                        <div>
                            <img src="./uploads/保温瓶.png" alt="">
                            <span style=" width: 200px">
                                全麦奶油浓香小面包
                                50g*12袋
                            </span>
                            <span style=" width: 200px">美味西点</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥69.00</span>
                        </div>
                        <div>
                            <img src="./uploads/餐具.png" alt="">
                            <span style=" width: 200px">
                                秘制外皮五福摩提大福点心150g/盒
                            </span>
                            <span style=" width: 200px">美味西点</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥39.99</span>
                        </div>
                        <div>
                            <img src="./uploads/蛋糕模具.png" alt="">
                            <span style=" width: 200px">
                                水果面膜韩国蜂蜜柚子茶560g/瓶
                            </span>
                            <span style=" width: 200px">冲调饮品</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥89.99</span>
                        </div>
                        <div>
                            <img src="./uploads/餐盘.png" alt="">
                            <span style=" width: 200px">
                                浓情比利时巧克力礼盒装205克/盒
                            </span>
                            <span style=" width: 200px">糖果零食</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥120.00</span>
                        </div>
                        <div>
                            <img src="./uploads/水杯.png" alt="">
                            <span style=" width: 200px">
                                抹茶奶油小蛋糕礼盒装220克/盒
                            </span>
                            <span style=" width: 200px">美味西点</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥60.00</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="sixthContainer">
                <div class="headNav">
                    <span style="font-size: 40px;">居家</span>
                    <div class="navcontainer">
                        <div>热门</div>
                        <div>鲜花生活</div>
                        <div>家纺</div>
                        <div>创意礼品</div>
                        <div>个人佩戴</div>
                        <div>生活日用</div>
                        <!-- <div>零食</div> -->
                    </div>
                    <span style="position: absolute;right: 0;font-size: 20px;color: #A1A1A1;">查看全部 ></span>
                </div>
                <div class="content">
                    <div class="image">
                        <img src="./uploads/商品介绍卡片-居家.png" alt="">
                    </div>
                    <div class="imageitem">
                        <div>
                            <img src="./uploads/房间的彩虹.png" alt="">
                            <span style=" width: 200px">
                                双味千层，手抓饼烤肉组合240g/袋 4片装
                            </span>
                            <span style=" width: 200px"> 加热即食</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥89.99</span>
                        </div>
                        <div>
                            <img src="./uploads/粉色玩偶.png" alt="">
                            <span style=" width: 200px">
                                云南甘蔗慢熬红糖馒头220g/袋 5个装
                            </span>
                            <span style=" width: 200px"> 加热即食</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥89.99</span>
                        </div>
                        <div>
                            <img src="./uploads/水培植物.png" alt="">
                            <span style=" width: 200px">
                                日式风味小圆饼
                                圆形【海盐味】
                            </span>
                            <span style=" width: 200px">糖果零食</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥9.99</span>
                        </div>

                        <div>
                            <img src="./uploads/发卡.png" alt="">
                            <span style=" width: 200px">
                                全麦奶油浓香小面包
                                50g*12袋
                            </span>
                            <span style=" width: 200px">美味西点</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥69.00</span>
                        </div>
                        <div>
                            <img src="./uploads/花瓶.png" alt="">
                            <span style=" width: 200px">
                                秘制外皮五福摩提大福点心150g/盒
                            </span>
                            <span style=" width: 200px">美味西点</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥39.99</span>
                        </div>
                        <div>
                            <img src="./uploads/简易书桌.png" alt="">
                            <span style=" width: 200px">
                                水果面膜韩国蜂蜜柚子茶560g/瓶
                            </span>
                            <span style=" width: 200px">冲调饮品</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥89.99</span>
                        </div>
                        <div>
                            <img src="./uploads/懒人花盆.png" alt="">
                            <span style=" width: 200px">
                                浓情比利时巧克力礼盒装205克/盒
                            </span>
                            <span style=" width: 200px">糖果零食</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥120.00</span>
                        </div>
                        <div>
                            <img src="./uploads/竹席枕套.png" alt="">
                            <span style=" width: 200px">
                                抹茶奶油小蛋糕礼盒装220克/盒
                            </span>
                            <span style=" width: 200px">美味西点</span>
                            <span style=" width: 200px;color: #AF2F22;font-size: 23px;">￥60.00</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="sixthContainer" style="height: 50vh;">
                <div class="headNav">
                    <span style="font-size: 30px;">最新专题</span>
                    <span style=" position: absolute;right: 0;font-size: 18px;color: #A1A1A1;">查看全部</span>
                </div>
                <div class="recommend">
                    <div class="recommenditem">
                        <img src="./uploads/最新专题1.png" alt="" style="width: 100%;">
                        <div class="comment">
                            <div class="commentItem1">
                                <img src="./uploads/收藏.png" alt="" style="width: 13px;height: 13px;">
                                <span style="font-size: 15px;line-height: 17px;color:#626260;">1220</span>
                                <img src="./uploads/浏览.png" alt="" style="width: 13px;height: 13px;margin-left: 20px">
                                <span style="font-size: 15px;line-height: 17px;;color:#626260;">1800</span>
                            </div>
                            <div class="commentItem2">
                                <img src="./uploads/评论.png" alt="" style="width: 16px;height: 16px;margin-left: 20px">
                                <span style="font-size: 15px;line-height: 17px;;color:#626260;">246</span>
                            </div>
                        </div>
                    </div>
                    <div class="recommenditem">
                        <img src="./uploads/最新专题2.png" style="width: 100%;" alt="">
                        <div class="comment">
                            <div class="commentItem1">
                                <img src="./uploads/收藏.png" alt="" style="width: 13px;height: 13px;">
                                <span style="font-size: 15px;line-height: 17px;color:#626260;">1220</span>
                                <img src="./uploads/浏览.png" alt="" style="width: 16px;height: 16px;margin-left: 20px">
                                <span style="font-size: 15px;line-height: 17px;;color:#626260;">1800</span>
                            </div>
                            <div class="commentItem2">
                                <img src="./uploads/评论.png" alt="" style="width: 13px;height: 13px;margin-left: 20px">
                                <span style="font-size: 15px;line-height: 17px;;color:#626260;">246</span>
                            </div>
                        </div>
                    </div>
                    <div class="recommenditem">
                        <img src="./uploads/最新专题3.png" style="width: 100%;" alt="">
                        <div class="comment">
                            <div class="commentItem1">
                                <img src="./uploads/收藏.png" alt="" style="width: 13px;height: 13px;">
                                <span style="font-size: 15px;line-height: 17px;color:#626260;">1200</span>
                                <img src="./uploads/浏览.png" alt="" style="width: 16px;height: 16px;margin-left: 20px">
                                <span style="font-size: 15px;line-height: 17px;;color:#626260;">1800</span>
                            </div>
                            <div class="commentItem2">
                                <img src="./uploads/评论.png" alt="" style="width: 13px;height: 13px;margin-left: 20px">
                                <span style="font-size: 15px;line-height: 17px;;color:#626260;">246</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="lastContent">
                <div>
                    <img src="./uploads/价格亲民.png" style="width: 4vw;height: 4vw;" alt="">
                    <span style="font-size: 25px;margin-left: 1vw;">价格亲民</span>
                </div>
                <div>
                    <img src="./uploads/物流快捷.png" style="width: 4vw;height: 4vw;" alt="">
                    <span style="font-size: 25px;margin-left: 1vw;">物流快捷</span>
                </div>
                <div>
                    <img src="./uploads/品质新鲜.png" style="width: 4vw;height: 4vw;" alt="">
                    <span style="font-size: 25px;margin-left: 1vw;">品质新鲜</span>
                </div>
                <div>
                    <img src="./uploads/售后无忧.png" style="width: 4vw;height: 4vw;" alt="">
                    <span style="font-size: 25px;margin-left: 1vw;">售后无忧</span>
                </div>
            </div>
            <div class="footer">
                <div class="line"></div>
                <div class="container">
                    <div>
                        <span style="font-size: 20px;">购物指南</span>
                        <span style="font-size: 17px;margin-top: 2vh;color: #969696;">购物流程</span>
                        <span style="font-size: 17px;margin-top: 0.5vh;color: #969696;">支付方式</span>
                        <span style="font-size: 17px; margin-top:0.5vh;color: #969696;">售后规则</span>
                    </div>

                    <div>
                        <div>
                            <span style="font-size: 20px;">配送方式</span>
                            <span style="font-size: 17px;margin-top: 2vh;color: #969696;">配送运费</span>
                            <span style="font-size: 17px;margin-top: 0.5vh;color: #969696;">配送范围</span>
                            <span style="font-size: 17px; margin-top:0.5vh;color: #969696;">配送时间</span>
                        </div>
                    </div>

                    <div>
                        <div>
                            <span style="font-size: 20px;">关于我们</span>
                            <span style="font-size: 17px;margin-top: 2vh;color: #969696;">平台规则</span>
                            <span style="font-size: 17px;margin-top: 0.5vh;color: #969696;">联系我们</span>
                            <span style="font-size: 17px; margin-top:0.5vh;color: #969696;">问题反馈</span>
                        </div>
                    </div>

                    <div>
                        <div>
                            <span style="font-size: 20px;">售后服务</span>
                            <span style="font-size: 17px;margin-top: 2vh;color: #969696;">售后政策</span>
                            <span style="font-size: 17px;margin-top: 0.5vh;color: #969696;">退款说明</span>
                            <span style="font-size: 17px; margin-top:0.5vh;color: #969696;">取消订单</span>
                        </div>
                    </div>

                    <div>
                        <div style="width: 15vw;">
                            <span style="font-size: 20px;">服务热线</span>
                            <span style="font-size: 17px;margin-top: 2vh;color: #969696;">在线客服</span>
                            <span style="font-size: 17px;margin-top: 0.5vh;color: #969696;">客服电话 400-0000-000</span>
                            <span style="font-size: 17px; margin-top:0.5vh;color: #969696;">工作时间 周一至周日 8:00-18:00
                            </span>
                        </div>
                    </div>

                    <div style="display: flex;justify-content: center;align-items: center;">
                        <img src="./images/wechat.png" style="width: 100px;height: 100px;" alt="">
                        <span style="color: #969696;">微信公众号</span>
                    </div>

                    <div style=" display: flex;justify-content: center;align-items: center;">
                        <img src="./images/wechat.png" style="width: 100px;height: 100px;" alt="">
                        <span style="color: #969696;">APP下载二维码</span>
                    </div>
                </div>
            </div>
            <div class="end">
                <div class="endcontainer">
                    <div>关于我们</div>
                    <div>帮助中心</div>
                    <div>售后服务</div>
                    <div>配送与验收</div>
                    <div>商务合作</div>
                    <div>搜索推荐</div>
                </div>
                <p style="margin-left: 45%;color: #A1A1A1;">@CopyRight ©lili</p>
            </div>
        </div>
    </div>
</body>

</html>